<script type="text/javascript" src="/js/auth.js"></script>

<div class="login">
	<div class="logres_form">
		<h1 style="font-size: 150%">Вход</h1>
		<h2>Регистрация</h2>

		<form id="login_form" method="post">
			<input type="text" id="login_email" name="email" value="" placeholder="E-mail">
			<input type="password" id="login_pass" name="pass" value="" placeholder="Пароль">
			<p id="auth_error" class="hidden" style="color: red;">Авторизация не успешна :(</p>
			<br />
			<input type="submit" value="Войти">
			<img src="/images/loadinfo.gif" class="load_img hidden">
		</form>
	</div>

	<div class="logres_form hidden">
		<h2>Вход</h2>
		<h1 style="font-size: 150%">Регистрация</h1>

		<form id="register_form" method="post">
			<input type="text" id="reg_email" name="email" value="" placeholder="E-mail">
			<input type="text" id="reg_login" name="login" value="" placeholder="Имя">
			<input type="password" id="reg_pass" name="pass" value="" placeholder="Пароль">
			<p id="reg_error" class="hidden" style="color: red;">Авторизация не успешна :(</p>
			<br />
			<input type="submit" value="Зарегистрироваться">
			<img src="/images/loadinfo.gif" class="load_img hidden">
		</form>
	</div>

	<script src="http://loginza.ru/js/widget.js" type="text/javascript"></script>
	<div class="loginza_buttons">
		<a href="https://loginza.ru/api/widget?token_url=<?=urlencode('http://qrazzle.ru');?>/&providers_set=vkontakte" class="loginza">
			<div class="enter vk"></div>
		</a>
		<a href="https://loginza.ru/api/widget?token_url=<?=urlencode('http://qrazzle.ru');?>/&providers_set=facebook" class="loginza">
			<div class="enter fb"></div>
		</a>
		<a href="https://loginza.ru/api/widget?token_url=<?=urlencode('http://qrazzle.ru');?>/&providers_set=twitter" class="loginza">
			<div class="enter tw"></div>
		</a>
	</div>
	<script type="text/javascript">
		//костыль из-за проблем с версткой, отчего крестик всплывающего окна улетает вверх :(
		$(document).ready(function() {
			$('.loginza_buttons a').click(function() {
				setTimeout(function(){
					$('#loginza_auth_form div img').each(function(){
						if($(this).attr('alt') == 'X')
						{}	$(this).css('top','7px');
					});
				}, 
				500);
			});
		});
	</script>
</div>